<!DOCTYPE html>
<meta charset="UTF-8">
<div style="padding: 10px; height: 500px;">
	<table data-type="grid" title="grid列表中的复杂工具栏" style="width: 700px; height: 330px"
		data-define="rownumbers:true,singleSelect:true,
		method:'get',url: '${rc.contextPath}/assets/ui/jww/demo/testdata/grid_data1.json',fit:true,fitColumns:true,
		toolbar:'#complextoolbar_tb'">
		<thead>
			<tr>
				<th data-define="field:'itemid',width:80,checkbox:true">ID</th>
				<th data-define="field:'productid',width:200">产品名称</th>
				<th data-define="field:'listprice',width:80,align:'right'">成本</th>
				<th data-define="field:'unitcost',width:80,align:'right'">单价</th>
				<th data-define="field:'attr1',width:100">属性</th>
				<th data-define="field:'status',width:60,align:'center'">状态</th>
			</tr>
		</thead>
	</table>
</div>
<div id="complextoolbar_tb" style="padding: 5px; height: auto">
	<div>
		<a href="javascript:void(0)" data-type="abutton" data-define="iconCls:'icon-add',plain:true" onclick="add()">新增</a>
		<a href="javascript:void(0)" data-type="abutton" data-define="iconCls:'icon-edit',plain:true" onclick="edit()">编辑</a>
		<a href="javascript:void(0)" data-type="abutton" data-define="iconCls:'icon-cancel',plain:true" onclick="remove()">删除</a>
		<a href="javascript:void(0)" data-type="abutton" data-define="iconCls:'icon-search',plain:true" onclick="search()">搜索</a>
	</div>
	<div style="width: 200px;">
		其他html组件或自定义组件:
	</div>
</div>
